<template>
  <div class="tabbar">
    <van-tabbar v-model="Nactive" >
      <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
      <van-tabbar-item icon="diamond-o" to="/found">闲逛</van-tabbar-item>
      <!-- <van-tabbar-item icon="chat-o" info="5" to="/message">消息</van-tabbar-item> -->
      <van-tabbar-item icon="contact" dot to="/my">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'tabbar',

  data () {
    return {
      Nactive: this.active
    }
  },
  props: { active: Number }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
</style>
